<template>
    <div class="cham-bottom">
        <div class="cham-bottom-middle">
            <div class="cham-bottom-little-module">
                <span style="color:#999;font-size:16px;">cham</span>
                <ul>
                    <a target="_blank" href="#">合作-关于我们</a>
                    <a target="_blank" href="#">合作-联系我们</a>
                    <a target="_blank" href="#">用户协议</a>
                    <a target="_blank" href="#">招聘-加入我们</a>
                    <a target="_blank" href="#">友情链接</a>
                    <a target="_blank" href="#">隐私政策</a>
                    <a target="_blank" href="#">微信公众号</a>
                    <a target="_blank" href="#">新浪微博</a>
                </ul>
            </div>
            <div class="cham-bottom-little-module">
                <span style="color:#999;font-size:16px;">传送门</span>
                <ul>
                    <a target="_blank" href="#">帮助中心</a>
                    <a target="_blank" href="#">侵权申述</a>
                    <a target="_blank" href="#">壁纸站</a>
                    <a target="_blank" href="#">高级弹幕</a>
                    <a target="_blank" href="#">活动中心</a>
                    <a target="_blank" href="#">名人堂</a>
                    <a target="_blank" href="#">隐私政策</a>
                </ul>
            </div>
            <div class="cham-bottom-little-module" style="border-right:none !important;">
                <span style="color:#999;font-size:16px;">合作伙伴</span>
                <ul>
                    <a target="_blank" href="#">discux!</a>
                    <a target="_blank" href="#">ABfun</a>
                    <a target="_blank" href="#">PiliPili</a>
                    <a target="_blank" href="#">不知乎!</a>
                    <a target="_blank" href="#">85异地。</a>
                    <a target="_blank" href="#">老板直聘</a>
                    <a target="_blank" href="#">死鱼。</a>
                    <a target="_blank" href="#">*羚羊速运</a>
                </ul>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'chamBottom',
        data () {
            return {
            }
        }
    }
</script>

<style scoped>
    .cham-bottom{
        width:100%;
        height:350px;
        min-width:999px;
        display:inline-block;
        background-color:#f6f9fa
    }

    .cham-bottom-middle{
        width:999px;
        height:350px;
        margin: auto auto;

    }

    .cham-bottom-little-module{
        width:325px;
        height:140px;
        margin-top:20px;
        border-right:1px solid #DDDDDD;
        float:left;
        padding-left:5px;
    }

    .cham-bottom-little-module ul a {
        display: inline-block;
        /*margin-top:10px;*/
        /*margin-bottom: 8px;*/
        cursor: pointer;
        min-width:100px;
    }

</style>
